﻿@{
    ViewBag.Title = "Fabrikam, Inc | Home";
}

<div class="row" style="background: #608FC8;">
    <div class="col-md-8">
        <img class="img-responsive photo" src="@Url.Content(@"~/Content/Assets/photo-poster.jpg")" alt="Fabrikam, Inc" />
    </div>

    <div class="col-md-4">
        <div class="visible-lg shimTop15">
            &nbsp;
            <br />
        </div>
        <div class="well well-lg" style="background: #608FC8; margin-top: 25px;">
            <p style="color: white; font-weight: bold;">
                Our best widget ever: @Html.ActionLink("Widget 010", "Index", "Items", null, new { @style = "color: white; text-decoration: underline;" })
                <br />
                just released to fantastic reviews.
            </p>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <h1><strong>World class, custom widgets for your industry</strong>
        </h1>

        <p style="color: grey;">
            Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
            dolore magna aliquam erat volutpat.
        </p>
    </div>
</div>

<div class="row shimTop45">
    <div class="col-sm-4 col-md-3">
        <a href="@Url.Action("Index", "Items")">
            <img class="img-responsive photo-border" src="@Url.Content(@"~/Content/Assets/home-photo-1.jpg")" alt="Our products"/>
        </a>

        <h2>Our Products</h2>
        <p>
            Amet, consectetuer adipiscing elit, sed diam tincidunt ut laoreet. Consectetuer adipiscing elit,
            sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
            enim ad minim veniam.
        </p>
        <p>
            @Html.ActionLink("Learn more", "Index", "Items", null, new {@class = "btn btn-default"})
        </p>
    </div>

    <div class="visible-xs shimTop15">&nbsp;</div>

    <div class="col-sm-4 col-md-3">
        <a href="@Url.Action("AboutUs", "People")">
            <img class="img-responsive photo-border" src="@Url.Content(@"~/Content/Assets/home-photo-2.jpg")" alt="About Fabrikam, Inc"/>
        </a>

        <h2>About Fabrikam, Inc.</h2>
        <p>
            Amet, consectetuer adipiscing elit, sed diam tincidunt ut laoreet. Consectetuer adipiscing elit,
            sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
            enim ad minim veniam.
        </p>
        <p>
            @Html.ActionLink("Learn more", "AboutUs", "People", null, new {@class = "btn btn-default"})
        </p>
    </div>

    <div class="visible-xs shimTop15">&nbsp;</div>

    <div class="col-sm-4 col-md-3">
        <a href="@Url.Action("Contact", "People")">
            <img class="img-responsive photo-border" src="@Url.Content(@"~/Content/Assets/home-photo-3.jpg")" alt="Customer Support"/>
        </a>

        <h2>Customer Support</h2>
        <p>
            Amet, consectetuer adipiscing elit, sed diam tincidunt ut laoreet. Consectetuer adipiscing elit,
            sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi
            enim ad minim veniam.
        </p>
        <p>
            @Html.ActionLink("Learn more", "Contact", "People", null, new {@class = "btn btn-default"})
        </p>
    </div>

    <div class="visible-xs visible-sm visible-md shimTop15">&nbsp;</div>

    <div class="col-sm-12 col-md-3" style="background: #F9F9FB;">

        <div style="background: #F9F9FB;">
            <h2>Fabrikam in Business Magazine!</h2>
            <p>
                Ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </p>

            @*<h3>Recent News</h3>
            <ul class="list-of-links">
                <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</a></li>
                <li><a href="#">Sed diam nonummy</a></li>
                <li><a href="#">Nibh euismod</a></li>
                <li><a href="#">Ut wisi enim ad minim veniam</a></li>
            </ul>*@

            <fieldset>
                <legend>Recent News</legend>
                <ul class="list-of-links">
                    <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam</a></li>
                    <li><a href="#">Sed diam nonummy</a></li>
                    <li><a href="#">Nibh euismod</a></li>
                    <li><a href="#">Ut wisi enim ad minim veniam</a></li>
                </ul>
            </fieldset>
        </div>
    </div>

</div>

<div class="row shimTop25">
    <div class="col-md-12">
        <div id="msg" class="alert alert-info">
            <p>DEMO</p>
        </div>
    </div>
</div>

<hr/>

@section Scripts
{
    <script>
        $(document).ready(function () {
            $('#msg').delay(2500).fadeOut();
        });
    </script>
}
